<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="">
    <style>
        /* .lyric {
            position: absolute;
            left: 40%;
            top: 30%;
            width: 400px;
            height: 100px;
            border: 1px solid skyblue;
        } */

        ul {
            list-style: none;
            position: absolute;
            /* background-color:rgb(139, 233, 194); */
            left: 42%;
            top: 45%;
            line-height: 30px;
            width: 400px;
            height: 600px;
        }
        li{
            position: absolute;
            top: 0%;
            line-height: 20px;
            height: 20px;
            width: 400px;
           
        }
    </style>
</head>

<body>
    <!-- <div class="lyric">
    </div> -->
    <ul>
        <li>拨开天空的乌云&nbsp;&nbsp;像蓝丝绒一样美丽</li>
        <!-- <li>我为你翻山越岭&nbsp;&nbsp; 却无心看风景</li>
        <li>我为你翻山越岭&nbsp;&nbsp; 却无心看风景</li>
        <li>我为你翻山越岭&nbsp;&nbsp; 却无心看风景</li>
        <li>我为你翻山越岭&nbsp;&nbsp; 却无心看风景</li>
        <li>我为你翻山越岭&nbsp;&nbsp; 却无心看风景</li>
        <li>我为你翻山越岭&nbsp;&nbsp; 却无心看风景</li>
        <li>我为你翻山越岭&nbsp;&nbsp; 却无心看风景</li> -->
    </ul>
    <button>播放</button>
</body>
<script src="./jquery-3.5.1.min.js"></script>
<script>
    $('button').click(() => {                                                                                                                                                             
        // $('ul').animate({left:'250px'});
        $('li').animate({
                top: '-40px',
                // opacity: '0.5',
                color:'pink',
                fontSize:'20px'
            })
        
    })
    // function fn(a, b, c) {
    //     if (a > b) {
    //         if (a > c) {
    //             console.log(a);
    //         } else if (b > c) {
    //             console.log(b);
    //         }

    //     } else {
    //         console.log(c);
    //     }
    //     //三目写法
    //     //    console.log( a>b&&a>c?a:b>c?b:c);
    // }
    // fn(1, 3, 5)

    // // for(let i=0;i<10;i++){
    // //     // console.log(i);
    // // }
    // // console.log(i);

    // //把y赋值给x，y此时还未声明
    // function bar(x = y, y = 2) {
    //     return [x, y];
    // }

    // bar(); // 报错
    // function bar(x = 2, y = x) {
    //     return [x, y];
    // }

    // bar(); [2,2]

    //精确运算符认为NaN不等于自身




    var str="abc Def!"
console.log(str.replace("dsdfd"))

var str= "今天要干的事情 1.吃饭；"
const str2=str.replace(/1./,"\n1.").replace(/2./,"\n2.").replace(/3./,"\n3.")
// console.log(str2);
// alert(str2)
var arr=[{
    name:"zs",
    age:12
},
{
    name:"ls",
    age:13
}]
console.log(arr);
arr.forEach((item)=>{
 item.name=item.name+"撒旦撒"
})
console.log(arr);

sessionStorage.setItem("num",1)
var num=sessionStorage.getItem("num")
console.log(num

);
</script>

</html>